<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>日期</title>
    <script language="JavaScript">



        function dateFunc() {
            var now = new Date();   // 定义变量获取当前时间
            console.log(now);  // 可以通过这个控制台来查看这个  Date对象的所有的方法
            // alert(now)
            // alert("aaa");
            // 常用的方法getHours()  跟 getDay()
        }

        // 页面中显示距离2019年元旦节的天数
        function countDown(title,Intime,divId){

            var online = new Date(Intime);
            console.log(online);
            var now = new Date();
            var leave = online.getTime() - now.getTime();
            console.log(leave);
            var day = Math.floor(leave / (1000*60*60*24)) + 1;
            console.log(day)
            //alert(document.all);
            // alert(document.all)
            // console.log(document.all);

            // divId = document.getElementById(divId);
            console.log(divId);
            if(day > 1) {
                divId.innerHTML="<b>-------------距离"+title+"还有"+day+"天</b>";
                // document.getElementById("countDown").innerHTML="<b>-------------距离"+title+"还有"+day+"天</b>";
            } else {
                if(day == 1) {
                    // divId.innerHTML="<b>---------明天就是"+title+"</b>";
                } else {
                    divId.innerHTML="<b>-------------"+title+"已经过去了<b>";
                }
            }



        }




    </script>

</head>

<body >
    <input type="button" onclick="dateFunc()" value="点击">


    <!-- 输入日期  计算时间差 -->
   <div id="countDown">
       <b>----</b><br/>
   </div>
       <script language="JavaScript">
          countDown("2019年元旦","01/01/2019",countDown)
       </script>


</body>
<!--<script type="text/javascript">-->

</html>